%footerTitle {
  color: var(--basic-white, #fff);
  font-family: "PT Sans Narrow";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  text-transform: uppercase;
}

.footer {
	display: flex;
	justify-content: center;
  padding: 40px;
  width: 100%;
  height: 242px;
  flex-shrink: 0;
  background: rgba(36, 36, 36, 1);
  .footer__wrapper {
    width: 940px;
    display: flex;
    justify-content: space-between;
  }
}

.footer-left {
  .footer-left__short-logo {
    padding-bottom: 24px;
  }
  .footer-left__paragraph {
    color: var(--basic-white, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    padding-bottom: 0;
    width: 210px;
    border: none;
  }
  .footer-left__phone {
    color: var(--basic-white, #fff);
    font-family: "PT Sans Narrow";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    text-decoration-line: underline;
    text-transform: uppercase;
    padding-bottom: 16px;
  }
  .footer-left__link {
    color: var(--basic-white, #fff);
    font-family: "PT Sans Narrow";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
  }
}

.footer-middle {
  text-align: center;
  .footer-middle__title {
    @extend %footerTitle;
    padding-bottom: 14px;
  }
  .footer__form {
    display: inline-flex;
  }
  .footer-middle__email-form {
		box-sizing: border-box;
		border: 2px solid #000;
    width: 223px;
    height: 44px;
    flex-shrink: 0;
    color: black;
    background-color: rgb(255, 255, 255);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    padding: 10px;
    box-sizing: border-box;
    outline: none;
  }
  .submit-email-btn {
    background-color: black;
    display: inline-flex;
    height: 44px;
    padding: 14px 20px;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
  }
}

.footer-right {
  .footer-right__title {
    @extend %footerTitle;
    padding-bottom: 14px;
  }
  .btn-sotial-media {
    position: relative;
    display: inline-flex;
    align-items: center;
    background-color: #000000;
    margin-bottom: 53px;
    p {
      color: var(--basic-white, #ffffff);
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 140%; /* 19.6px */
      padding: 10px;
    }
    img {
      width: 44px;
    }
  }
  .footer-right__signature {
    font-size: 14px;
  }
  .creator {
    font-weight: 700;
    color: #cc8742;
  }
}
